<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" charset="utf-8" src="/common/js/framework.js"></script>
    <script type="text/javascript" charset="utf-8" src="/common/js/navbar.js"></script>

    <link rel="stylesheet" href="/common/css/scp.css" type="text/css"/>
    <!-- 私有 -->
    <link rel="stylesheet" href="/index/css/index.css" type="text/css"/>
    <script type="text/javascript" charset="utf-8" src="/index/js/index.js"></script>
    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                , width: '100%' //设置容器宽度
                , height: '400px'
                , arrow: 'always' //始终显示箭头
                , autoplay: true
                , arrow: 'hover'
            });
        });
    </script>
</head>
<body>
<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div>
            <img src="/index/image/banner1.jpg" style="height:100%;" alt="First slide">
            <div class="banner-bd section-content" style="position: absolute;padding-top: 100px;top: 0px;margin-left: 90px;">
                <h1 style="font-size: 40px;line-height: 67.5px;font-weight: normal;">你真好看</h1>
                <p style="padding-bottom: 20px;font-size: 26px;">锦衣雪华玉颜色，回眸一笑天下倾。</p>
                <a class="layui-btn layui-btn-normal" href="/content/ir/intro/culture.html" target="_blank">查看详情</a>
            </div>
        </div>
        <div>
            <img src="/index/image/banner1.jpg" style="height:100%;" alt="First slide">
            <div class="banner-bd section-content" style="position: absolute;padding-top: 100px;top: 0px;margin-left: 90px;">
                <h1 style="font-size: 40px;line-height: 67.5px;font-weight: normal;">你好帅</h1>
                <p style="padding-bottom: 20px;font-size: 26px;">陌上人如玉，公子世无双。</p>
                <a class="layui-btn layui-btn-normal" href="/content/ir/intro/culture.html" target="_blank">查看详情</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>